import React, { Component } from 'react'
import { connect } from 'react-redux'
import { Menu,Icon,Affix } from 'antd';
import { Link } from 'react-router' ; 

import './style/Header.css' ;

const SubMenu = Menu.SubMenu;
class AdminPageHeader extends Component {
  render() {  
      return (
            <div id="admin-header">
                <div className="" >
                    <Menu mode="horizontal" theme="dark">
                        <Menu.Item> <Icon type="home" /> <Link to="/admin/dashboard" > Dashboard </Link> </Menu.Item>
                        <SubMenu title={<span><Icon type="user" />用户中心</span>}>
                                <Menu.Item key="user:1"><Link to="/admin/users">  用户管理 </Link> </Menu.Item>
                                <Menu.Item key="user:2"><Link to="/admin/groups">  组管理 </Link></Menu.Item>
                                <Menu.Item key="user:3"><Link to="/admin/tags">  标签管理 </Link></Menu.Item>
                        </SubMenu>
                        <Menu.Item> <Icon type="home" /> <Link to="/admin/itembank" > 题库管理 </Link> </Menu.Item>
                        <Menu.Item> <Icon type="home" /> <Link to="/admin/questions" > 试题管理 </Link> </Menu.Item>
                        <Menu.Item> <Icon type="home" /> <Link to="/admin/exam" > 试卷管理 </Link> </Menu.Item>
                    </Menu> 
                </div>
            </div>
      )
  }
}

export default connect()(AdminPageHeader)
